<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>族谱网 - 首页</title>


    <link href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="assets/jquery/jquery2.2.4.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <link href="assets/fs002/fs_0.2.css" rel="stylesheet">
    <link href="assets/fitness/all_fit.css" rel="stylesheet">
    <link href="assets/fitness/index_fit.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid zp-topper">
    <div class="row">
        <div class="container">
            <img src="assets/img/logo.png">
            <span style="color:darkgoldenrod;">登录  &nbsp; 查询族谱</span>
        </div>
    </div>
</div>


<div class="navbar navbar-default">
    <div class="container">
        <a class="navbar-brand" href="#"></a>
        <div class="collapse navbar-collapse" id="topbar">
            <ul class="nav navbar-nav">
                <li class=""><a href="index.html">首页</a></li>
                <li class=""><a href="list.html">百家姓</a></li>
               <li class=""><a href="lyan.html">留言板</a></li>
              <!--    <li class=""><a>搜索查询</a></li> -->
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class=""><a href="sign.html">登陆族谱</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-warning" style="padding-bottom: 30px;min-height:700px;display: inline-block;">
                <div class="panel-heading">百家姓</div>
                <div class="panel-body" style="padding-left: 0px;">
                    <ul class="box01">
                        <li><a href="#" title="赵姓起源" target="">赵</a></li>
                        <li><a href="#" title="钱姓起源" target="">钱</a></li>
                        <li><a href="#" title="孙姓起源" target="">孙</a></li>
                        <li><a href="#" title="李姓起源" target="">李</a></li>
                        <li><a href="#" title="周姓起源" target="">周</a></li>
                        <li><a href="#" title="吴姓起源" target="">吴</a></li>
                        <li><a href="#" title="郑姓起源" target="">郑</a></li>
                        <li><a href="#" title="王姓起源" target="">王</a></li>
                        <li><a href="#" title="冯姓起源" target="">冯</a></li>
                        <li><a href="#" title="陈姓起源" target="">陈</a></li>
                        <li><a href="#" title="褚姓起源" target="">褚</a></li>
                        <li><a href="#" title="卫姓起源" target="">卫</a></li>
                        <li><a href="#" title="蒋姓起源" target="">蒋</a></li>
                        <li><a href="#" title="沈姓起源" target="">沈</a></li>
                        <li><a href="#" title="韩姓起源" target="">韩</a></li>
                        <li><a href="#" title="杨姓起源" target="">杨</a></li>
                        <li><a href="#" title="朱姓起源" target="">朱</a></li>
                        <li><a href="#" title="秦姓起源" target="">秦</a></li>
                        <li><a href="#" title="尤姓起源" target="">尤</a></li>
                        <li><a href="#" title="许姓起源" target="">许</a></li>
                        <li><a href="#" title="何姓起源" target="">何</a></li>
                        <li><a href="#" title="吕姓起源" target="">吕</a></li>
                        <li><a href="#" title="施姓起源" target="">施</a></li>
                        <li><a href="#" title="张姓起源" target="">张</a></li>
                        <li><a href="#" title="孔姓起源" target="">孔</a></li>
                        <li><a href="#" title="曹姓起源" target="">曹</a></li>
                        <li><a href="#" title="严姓起源" target="">严</a></li>
                        <li><a href="#" title="华姓起源" target="">华</a></li>
                        <li><a href="#" title="金姓起源" target="">金</a></li>
                        <li><a href="#" title="魏姓起源" target="">魏</a></li>
                        <li><a href="#" title="陶姓起源" target="">陶</a></li>
                        <li><a href="#" title="姜姓起源" target="">姜</a></li>
                        <li><a href="#" title="戚姓起源" target="">戚</a></li>
                        <li><a href="#" title="谢姓起源" target="">谢</a></li>
                        <li><a href="#" title="邹姓起源" target="">邹</a></li>
                        <li><a href="#" title="喻姓起源" target="">喻</a></li>
                        <li><a href="#" title="柏姓起源" target="">柏</a></li>
                        <li><a href="#" title="水姓起源" target="">水</a></li>
                        <li><a href="#" title="窦姓起源" target="">窦</a></li>
                        <li><a href="#" title="章姓起源" target="">章</a></li>
                        <li><a href="#" title="云姓起源" target="">云</a></li>
                        <li><a href="#" title="苏姓起源" target="">苏</a></li>
                        <li><a href="#" title="潘姓起源" target="">潘</a></li>
                        <li><a href="#" title="葛姓起源" target="">葛</a></li>
                        <li><a href="#" title="奚姓起源" target="">奚</a></li>
                        <li><a href="#" title="范姓起源" target="">范</a></li>
                        <li><a href="#" title="彭姓起源" target="">彭</a></li>
                        <li><a href="#" title="郎姓起源" target="">郎</a></li>
                        <li><a href="#" title="鲁姓起源" target="">鲁</a></li>
                        <li><a href="#" title="韦姓起源" target="">韦</a></li>
                        <li><a href="#" title="昌姓起源" target="">昌</a></li>
                        <li><a href="#" title="马姓起源" target="">马</a></li>
                        <li><a href="#" title="苗姓起源" target="">苗</a></li>
                        <li><a href="#" title="凤姓起源" target="">凤</a></li>
                        <li><a href="#" title="花姓起源" target="">花</a></li>
                        <li><a href="#" title="方姓起源" target="">方</a></li>
                        <li><a href="#" title="俞姓起源" target="">俞</a></li>
                        <li><a href="#" title="任姓起源" target="">任</a></li>
                        <li><a href="#" title="袁姓起源" target="">袁</a></li>
                        <li><a href="#" title="柳姓起源" target="">柳</a></li>
                        <li><a href="#" title="酆姓起源" target="">酆</a></li>
                        <li><a href="#" title="鲍姓起源" target="">鲍</a></li>
                        <li><a href="#" title="史姓起源" target="">史</a></li>
                        <li><a href="#" title="唐姓起源" target="">唐</a></li>
                        <li><a href="#" title="费姓起源" target="">费</a></li>
                        <li><a href="#" title="廉姓起源" target="">廉</a></li>
                        <li><a href="#" title="岑姓起源" target="">岑</a></li>
                        <li><a href="#" title="薛姓起源" target="">薛</a></li>
                        <li><a href="#" title="雷姓起源" target="">雷</a></li>
                        <li><a href="#" title="贺姓起源" target="">贺</a></li>
                        <li><a href="#" title="倪姓起源" target="">倪</a></li>
                        <li><a href="#" title="汤姓起源" target="">汤</a></li>
                        <li><a href="#" title="滕姓起源" target="">滕</a></li>
                        <li><a href="#" title="殷姓起源" target="">殷</a></li>
                        <li><a href="#" title="罗姓起源" target="">罗</a></li>
                        <li><a href="#" title="罗姓起源" target="">毕</a></li>
                        <li><a href="#" title="郝姓起源" target="">郝</a></li>
                        <li><a href="#" title="邬姓起源" target="">邬</a></li>
                        <li><a href="#" title="安姓起源" target="">安</a></li>
                        <li><a href="#" title="常姓起源" target="">常</a></li>
                        <li><a href="#" title="乐姓起源" target="">乐</a></li>
                        <li><a href="#" title="于姓起源" target="">于</a></li>
                        <li><a href="#" title="时姓起源" target="">时</a></li>
                        <li><a href="#" title="傅姓起源" target="">傅</a></li>
                        <li><a href="#" title="皮姓起源" target="">皮</a></li>
                        <li><a href="#" title="卞姓起源" target="">卞</a></li>
                        <li><a href="#" title="齐姓起源" target="">齐</a></li>
                        <li><a href="#" title="康姓起源" target="">康</a></li>
                        <li><a href="#" title="伍姓起源" target="">伍</a></li>
                        <li><a href="#" title="余姓起源" target="">余</a></li>
                        <li><a href="#" title="元姓起源" target="">元</a></li>
                        <li><a href="#" title="卜姓起源" target="">卜</a></li>
                        <li><a href="#" title="顾姓起源" target="">顾</a></li>
                        <li><a href="#" title="孟姓起源" target="">孟</a></li>
                        <li><a href="#" title="平姓起源" target="">平</a></li>
                        <li><a href="#" title="黄姓起源" target="">黄</a></li>
                        <li><a href="#" title="和姓起源" target="">和</a></li>
                        <li><a href="#" title="穆姓起源" target="">穆</a></li>
                        <li><a href="#" title="萧姓起源" target="">萧</a></li>
                        <li><a href="#" title="尹姓起源" target="">尹</a></li>
                    </ul>


                    <div class="col-md-8 panel-body" style="margin-top:30px;padding: 0 35px; display: inline-block;min-height:300px;">
                        <p>分类列表</p>

                        <div class="list-group">
                            <a href="detail.html" class="list-group-item"><img src="assets/img/icon.png" style="width: 16px;"> 岐山王氏</a>
                            <a href="detail.html" class="list-group-item"><img src="assets/img/icon.png" style="width: 16px;"> 辽宁王氏</a>
                            <a href="detail.html" class="list-group-item"><img src="assets/img/icon.png" style="width: 16px;"> 王氏族谱</a>
                            <a href="detail.html" class="list-group-item"><img src="assets/img/icon.png" style="width: 16px;"> 王元亨族谱</a>
                        </div>


                    </div>

                    <div class="col-md-4 panel-body" style="margin-top:30px;padding: 0 35px; display: inline-block;min-height:300px;">
                        <p>分类列表</p>
                        <form class="form-inline">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                                <div class="form-inline">

                                    <input type="text" class="form-control" id="exampleInputAmount" placeholder="关键词" style="width: 60%;">
                                    <button type="submit" class="btn btn-warning"  style="padding-left: 10px;padding-right: 10px;">
                                        搜索
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>

            </div>
        </div>

    </div>
</div>

<div class="container-fluid" style="background: #fff;padding-top: 10px;">
    <div class="container">
        <div id="footer" style="margin-bottom:20px;">
            <ul id="copyright" style="margin-left:0px;line-height:130%;">
                
            <div style="width:300px;margin:0 auto; padding:20px 0;">
                <a target="_blank" # style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 43018102000107号</p></a>
            </div>
        </div>
    </div>
</div>

</body>
</html>